<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index_style.css">
    <link rel="stylesheet" href="./shop-three.css">
</head>

<body>
    <!-- 头部部分开始 -->
    <div class="header">
        <!-- 头部大的背景部分 -->
        <!-- <div class="header_top"></div> -->
        <!-- 头部中间部分的列表 -->
        <div class="header_middle">
            <div class="w">
                <ul>
                    <li><a href="#">小米商城</a></li>
                    <li><a href="#">MIUI</a></li>
                    <li><a href="#">IOT</a></li>
                    <li><a href="#">云服务</a></li>
                    <li><a href="#">金融</a></li>
                    <li><a href="#">有品</a></li>
                    <li><a href="#">小爱开放平台</a></li>
                    <li><a href="#">企业团购</a></li>
                    <li><a href="#">资质证照</a></li>
                    <li><a href="#">协议规则</a></li>
                    <li><a href="#">下载APP</a></li>
                    <li><a href="#">智能生活</a></li>

                    <li class="right"><a href="register.html">登录</a></li>
                    <li><a href="login.html">注册</a></li>
                    <li><a href="message.html">消息通知</a></li>
                    <li class="shopping"><a href="./shopping.html">购物车(0)</a></li>
                </ul>
            </div>
        </div>
        <!-- 头部logo部分 -->
        <div class="top_logo w">
            <a href="./index.html" class="logo"></a>
            <ul class="list">
                <li><a href="#">小米手机</a></li>
                <li><a href="#">Redmi红米</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
            <a href="#" class="search_btn"></a>
            <div class="search">
                <input type="search" value="出行" class="search-text">
            </div>

        </div>
        <div class="nav">

        </div>

        <!-- 头部app部分 -->
        <div class="top_app w">
            <div class="leftbox">

            </div>
            <div class="rightbox"></div>
        </div>

    </div>
    <!-- 右侧悬浮工具栏 开始-->
    <div class="right_float">
        <a href="./login.html" class="item">
            <div class="pic pic1"></div>
            <div class="pic_text">小米商城-首页</div>
        </a>
        <a href="./message.html" class="item">
            <div class="pic pic2"></div>
            <div class="pic_text">个人中心</div>
        </a>
        <a href="./register.html" class="item">
            <div class="pic pic3"></div>
            <div class="pic_text">售后服务</div>
        </a>
        <!-- <a href="#" class="item"><div class="pic pic4"></div><div class="pic_text">人工客服</div></a> -->
        <a href="./shopping.html" class="item">
            <div class="pic pic5"></div>
            <div class="pic_text">购物车</div>
        </a>
    </div>
    <!-- 右侧悬浮工具栏 结束 -->
    <!-- 结尾部分开始 -->
    <div class="footer">
        <!-- 服务模块 -->
        <div class="tool w">
            <div class="tool_header">
                <ul>
                    <li><a href="#">
                            <div class="pic"></div> 预约维修服务
                        </a></li>
                    <li><a href="#">
                            <div class="pic"></div> 7天无理由退货
                        </a></li>
                    <li><a href="#">
                            <div class="pic"></div> 15天免费换货
                        </a></li>
                    <li><a href="#">
                            <div class="pic"></div> 满99包邮
                        </a></li>
                    <li><a href="#">
                            <div class="pic"></div> 520余家售后网店
                        </a></li>
                </ul>
            </div>
            <div class="tool_footer">
                <ul class="col_links">
                    <h3>帮助中心</h3>
                    <li><a href="#"> 账户管理</a></li>
                    <li><a href="#"> 购物指南</a></li>
                    <li><a href="#"> 订单操作</a></li>
                </ul>
                <ul class="col_links">
                    <h3>服务支持</h3>
                    <li><a href="#"> 售后政策 </a></li>
                    <li><a href="#"> 自助服务</a></li>
                    <li><a href="#"> 相关下载</a></li>
                </ul>
                <ul class="col_links">
                    <h3>线下门店</h3>
                    <li><a href="#"> 小米之家</a></li>
                    <li><a href="#"> 服务网点</a></li>
                    <li><a href="#"> 授权体验店</a></li>
                </ul>
                <ul class="col_links">
                    <h3>关于小米</h3>
                    <li><a href="#"> 了解小米</a></li>
                    <li><a href="#"> 加入小米</a></li>
                    <li><a href="#"> 投资者关系</a></li>
                    <li><a href="#"> 企业社会责任</a></li>
                    <li><a href="#"> 廉洁举报</a></li>
                </ul>
                <ul class="col_links">
                    <h3>关注我们</h3>
                    <li><a href="#"> 新浪微博</a></li>
                    <li><a href="#"> 官方微信</a></li>
                    <li><a href="#"> 联系我们</a></li>
                    <li><a href="#"> 公益基金会</a></li>
                </ul>
                <ul class="col_links">
                    <h3>特色服务</h3>
                    <li><a href="#"> F码通道</a></li>
                    <li><a href="#"> 礼物码</a></li>
                    <li><a href="#"> 防伪查询</a></li>
                </ul>
                <div class="col_links_last">
                    <p class="phone">400-100-5678</p>
                    <p class="phone_time">8:00-18:00 (仅收市话费)</p>
                    <a href="#"><span> 人工客服</span></a>
                    <div><span> 关注小米：</span>
                        <a href="#"><img src="images/footer_logo_xinlang.png" alt=""></a>
                        <a href="#"><img src="images/footer_logo_weixin.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 版权信息模块 -->
        <div class="info middle ">
            <div class="info_header w">
                <div class="info_left">
                    <div class="logo"></div>
                </div>
                <div class="info_logo_text">
                    <p class="info_logo_text1">
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a> <span>|</span>
                        <a href="#">小米商城</a>
                    </p>
                    <p class="info_logo_text2">
                        © <a href="">mi.com</a> 京ICP证110507号 <a href="#">京ICP备10046444号</a> <a
                            href="#">京公网安备11010802020134号</a> <a href="#">京网文[2020]0276-042号</a> <br>
                        <a href="#">（京）网械平台备字（2018）第00005号</a> <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a> <a
                            href="#">营业执照</a> <a href="#">医疗器械质量公告</a> <br>
                        <a href="#">增值电信业务许可证</a> 网络食品经营备案 京食药网食备202010048 <a href="#">食品经营许可证</a> <br>
                        违法和不良信息举报电话：171-5104-4404 <a href="#">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>
            </div>
            <div class="info_middle ">
                <img src="images/footer_middle_pic1.png" alt="" class="pic_first">
                <img src="images/footer_middle_pic2.png" alt="">
                <img src="images/footer_middle_pic3.png" alt="">
                <img src="images/footer_middle_pic4.png" alt="">
                <img src="images/footer_middle_pic5.png" alt="" class="pic_last">
            </div>
            <div class="info_footer"><img src="images/footer-word.png" alt=""></div>
        </div>
    </div>
    <!-- 结尾部分结束 -->
</body>

</html>